Tự viết snippets trong Sublime Text để tăng hiệu quả khi lập trình!

Sublime Text, là một Editor với nhiều tính năng mạnh mẽ chắc không phải bàn cãi, mặc dù càng nhiều plugin được viết ra để hỗ trợ các lập tình viên làm việc, nhưng các bạn cũng có thể tự viết cho riêng mình những plugins, snippets phù hợp với nhu cầu cá nhân, nâng cao hiệu quả trong công việc.

Ở hướng dẫn lần này, mình sẽ hướng dẫn các bạn tự viết một snippet để phục vụ công việc cá nhân sau này.

Snippet là gì?

Hiểu nôm na, khi bạn phải code nhiều file, đoạn code mà cấu trúc của nó giống hệt nhau, hoặc một hàm nào đó mà bạn cảm thấy lười phải gõ từng chữ cái một cách hoàn chỉnh thay vì gõ một vài kí tự viết tắt, bạn phải dùng đến snippet. Nhờ có snippet mà các lập trình viên có thể rút ngắn thời gian gõ bàn phím để làm việc khác, quay tay chẳng hạn? (just funny)

Tự tạo snippet trong Sublime Text 3?

Ok, biết như vậy là quá đủ rồi nếu bạn không muốn bị trử khử vì biết quá nhiều :v Bắt đầu nào, mình sẽ hướng dẫn các bạn tạo một snippet cho C++, các bạn có thể đọc theo và tự "customize" cho cá nhân mình!

Việc đầu tiên là mở Sublime Text lên! Trên thanh công cụ, chọn Tools -> New Snippet...

Sublime Text sẽ mở ra cho bạn một đoạn code, các bạn cần sửa nó và tạo các snippets cho riêng mình!

Đoạn mã trong hàm <content><![CDATA[...]]></content> chính là nội dung của snippet khi nó hiển thị đầy đủ!

Ở bên dưới, công cụ này đã giải thích về các hàm cần sử dụng theo như <tabTrigger> hay <scope>

Ví dụ một snippet cho C++ của mình như sau:

<snippet>
<content><![CDATA[#include<iostream>
using namespace std;
int main(){
$1
return 0;
}

]]></content>
<tabTrigger>iostream</tabTrigger>
</snippet>

Giải thích: Trong đoạn <![CDATA[...]] mình đặt vào các thư viện, hàm bắt buộc của C++ để mỗi lần code thì không phải gõ lại các hàm đó. Trong phần int main(){} có chứa kí tự $1, công dụng của kí tự này là khi bạn gọi snippet ra, con trỏ mặc định sẽ đặt ở vị trí này, tương tự sẽ có $2 $3 $4,.. để chuyển con trỏ từ vị trí $1 sang $2 $3 bạn chỉ cần dùng phím "tab" trên bàn phím. Nhờ đó mà các thao tác thừa khi sử dụng chuột sẽ loại bỏ một cách đáng kể!

<tabTrigger> dùng để đặt tên cho snippet, ví dụ trên mình đặt là iostream. Vậy khi mình gõ iostream và nhấn phim "tab" thì Sublime Text tự động viết đoạn code C++ của mình trong <![CDATA[]] và đặt con trỏ chuột vào trước hàm return để tiện cho mình code các hàm tiếp theo...

Sau khi tạo được snippet theo ý muốn, các bạn nhấn tổ hợp phím Ctrl+S và lưu lại dưới dạng file_name.sublime-snippet